// 这个文件：封装axios
import axios from 'axios'
import router from '../router/index'
import QS from 'qs'
import store from '@/store/index'
import { Message } from 'element-ui'
// 设置请求超时
axios.defaults.timeout = 10000
// post请求头默认设置
axios.defaults.headers.post['Content-Type'] =
  'application/x-www-form-urlencoded;charset=UTF-8'
// 根据环境切换(开发环境、测试环境和生产环境)设置header
// console.log(process.env)
axios.defaults.baseURL = ''

/*  
【请求拦截器】
1.每次发送请求之前判断是否存在token        
2.如果存在，则统一在http请求的header都加上token，这样后台根据token判断你的登录情况
3.即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断
*/
axios.interceptors.request.use(
  config => {
    const token = store.state.token
    if (token) {
      config.headers.Authorization = token
    }
    return config
  },
  error => {
    return Promise.error(error)
  }
)

// 【响应拦截器】
axios.interceptors.response.use(
  response => {
    if (response.status === 200) {
      return Promise.resolve(response)
    } else {
      return Promise.reject(response)
    }
  },
  error => {
    if (error.response.status) {
      switch (error.response.status) {
        // 401: 未登录，则跳转登录页面，并携带当前页面的路径
        case 401:
          Message.error('Unauthorized')
          router.replace({
            path: '/login',
            query: {
              redirect: router.currentRoute.fullPath
            }
          })
          break
        // 403 token过期，对用户进行提示，清除本地token及相关数据，跳转登录页面
        case 403:
          Message.error('登录过期，请重新登录')
        // localStorage.removeItem('token')
          setTimeout(() => {
            router.replace({
              path: '/login',
              query: {
                redirect: router.currentRoute.fullPath
              }
            })
          }, 1000)
          break
        // 404请求不存在
        case 404:
          console.error('Not Found')
          break
        default:
          console.error(error.response.statusText)
      }
      return console.reject(error.response)
    }
  }
)

// 封装get方法
export function get (url, params) {
  return new Promise((resolve, reject) => {
    axios
      .get(url, {
        params: params
      })
      .then(res => {
        resolve(res.data)
      })
      .catch(err => {
        reject(err.data)
      })
  })
}
// 封装post方法
export function post (url, params) {
  return new Promise((resolve, reject) => {
    axios
      .post(url, QS.stringify(params))
      .then(res => {
        resolve(res.data)
      })
      .catch(err => {
        reject(err.data)
      })
  })
}
// 封装put方法
export function put (url, params) {
  return new Promise((resolve, reject) => {
    axios.put(url, params).then(
      response => {
        resolve(response.data)
      },
      err => {
        reject(err)
      }
    )
  })
}
// 封装delete方法
export function Delete (url, params) {
  return new Promise((resolve, reject) => {
    axios
      .delete(url, { data: params })
      .then(res => {
        resolve(res.data)
      })
      .catch(err => {
        reject(err.data)
      })
  })
}
